a { color: #3B5998; }

/*avatar bg*/
.ar_r_t { background: #FFF url(img/avatar_bg.gif) no-repeat right top; }
  .ar_l_t { background: url(img/avatar_bg.gif) no-repeat left top; }
    .ar_r_b { background: url(img/avatar_bg.gif) no-repeat right bottom; }
      .ar_l_b { background: url(img/avatar_bg.gif) no-repeat left bottom; }
/*yellow radius*/
.ye_r_t { background: url(img/yel_bg.gif) no-repeat right top; }
  .ye_l_t { background: url(img/yel_bg.gif) no-repeat left top; }
    .ye_r_b { background: url(img/yel_bg.gif) no-repeat right bottom; }
      .ye_l_b { background: url(img/yel_bg.gif) no-repeat left bottom; }

.ybg { background: #F7F7F7; }

#ad_header { background: #F7F7F7; border: 1px solid #CCCCCC; }
#ad_header a{ color: #000; }
#ad_contenttop { border-bottom: 1px solid #CCC; }
#ad_contentbottom { border-top: 1px solid #CCC; }


/*************************************************HEADER***/
  .headerwarp { background: #3B5998 url(img/header_bg.gif); height:30px; overflow:hidden; color: #3B5998; }

.menu { font-size: 14px; }
.menu li { float: left; padding: 5px 5px 5px 5px;font-weight: normal }
 li.notify { margin: 5px 0 0; padding: 0 0 0 18px; width: 72px; height: 20px; color: #FFF; font-size: 12px; font-weight: normal; }
.menu li.dropmenu { margin: 0 10px 0 0; padding: 10px 15px 10px 10px; height: 20px; background: url(image/triangle.gif) no-repeat right center; overflow: hidden; }

.menu .indx{ background:#9FCBE2}
.menu .edit { padding-left: 4px; color: #FFF; font-size: 12px; font-weight: normal; }

.nav_account { float: right; width: 270px; white-space:nowrap; overflow: hidden; }
.nav_account { color: #FFF;  }
.nav_account .nav_ls{ float:left; width:170px;margin-top:5px; overflow: hidden}
.nav_account .nav_rs{ float:left; width:100px;margin-top:3px; overflow: hidden}
.nav_account .t_input{ float:left;width:60px;border:1px solid #4D8FB2; color:#999}
.nav_account .submit { float:left;width:23px;background: url(img/so.gif) no-repeat; height:22px;overflow: hidden;border:none;}
  .login_thumb { background: url(img/thumb20bg.gif) no-repeat; }
 
  .dropmenu_drop { border: 1px solid #CCC; }

.benf{ width:980px; background:url(img/night-qing.jpg) no-repeat 30px 0; height:85px;margin: 0 auto;padding: 0 20px;}

#main { background:none;  }

/*************************************************APP SIDEBAR***/
#app_sidebar { background: url(img/appSidebar_bg.gif) repeat-y 0 0;padding: 0;width: 124px; overflow:hidden;margin: 0 0px 0 0; }
.app_sidebar_top{background: url(img/appSidebar_top_bg.gif) no-repeat 0 0; height:20px; float:left; width:100%}
#bottomis { float: left; width: 124px; height:100%;background:#fff url(img/appSidebar_bottom_bg.gif) no-repeat 0 top;}
    .app_more a { background: url(img/tri.gif) no-repeat; }

  .chostlp img{ float: right; padding: 5px; border: 1px solid #FFF; border-top: none; vertical-align: middle; }
     .chostlp img.hover{ background: #FFF; border-color: #CCC;  }
        .chostlp_drop { background: #FFF; }
            .chostlp_drop { border: 1px solid #CCC; border-bottom: none; }
                .chostlp_drop li{ padding: 5px; width: 16px; height: 16px; }

#mainarea { float: left; width: 826px; padding:10px; overflow: hidden;background:#E7EDF1 ;}
#content { float: left; margin: 0 0 0 0; width: 546px; padding: 5px; overflow: hidden;background:#fff;}
#sidebar { float: left; padding: 0; width: 250px; padding:10px; overflow: hidden; }

/*************************************************COMPOSER***/
    .mgs_list div { border: 1px solid #CCC; }

/*************************************************FEED***/
.feed_header {background: url(img/c_title.gif) no-repeat; }
  .feed li { border-bottom: 1px solid #CCC; }

      .hotspot a{ background: url('img/hotspot.gif'); color: #3B5998;}

.c_mgs{background:#F7F7F7;margin:0 0 20px;}

/*************************************************TABS HEADER***/
.tabs_header {margin: 0px; height: 29px; border-bottom: 3px solid #86B9CC; padding:10px 10px 0px 10px; clear: both; overflow: hidden; background:#fff }
    .tabs_header a.thread_button { background: url(img/buttons.gif) no-repeat 0 0; }
                .tabs_header ul.tabs li a { background: url(img/tab_bg.gif) no-repeat left top;}
                    .tabs_header ul.tabs li a span { background: url(img/tab_bg.gif) no-repeat right top; }
            .tabs_header ul.tabs li.active a { background: url(img/active_tab_bg.gif) no-repeat left top; color: #fff; }
                .tabs_header ul.tabs li.active a span { background: url(img/active_tab_bg.gif) no-repeat right top; }
            .tabs_header ul.tabs li.null { background: url(img/add_button.gif) no-repeat 0 0; }
                .tabs_header ul.tabs li.null a { background: url(img/add_button.gif) no-repeat right top; color: #FFF; }
				
				
.tabs_headers { margin-bottom: 15px; height: 25px; padding-left:70px;background:url(img/feedbg.gif) no-repeat 0 bottom; clear: both; overflow: hidden; }
.tabs_headers ul.tabs li a,
.tabs_headers ul.tabs li a span{ display: block; }
        .tabs_headers ul.tabs { position: absolute; z-index: 10; }
            .tabs_headers ul.tabs li { float: left; margin: 0 1px 0 0; display: inline; }
                .tabs_headers ul.tabs li a { float: left; padding: 0 0 0 10px; height: 25px; background-position: left top;  }
                    .tabs_headers ul.tabs li a span { padding: 9px 10px 7px 0; background-position: right top; font-size: 12px; line-height: 12px; }
                        .tabs_headers ul.tabs li a span img{ vertical-align: middle; }

            .tabs_headers ul.tabs li.active a { float: left; padding: 0 0 0 10px; height: 25px; background: url(img/active_tab_bg2.gif) no-repeat left top; color: #000; display: block; }
                .tabs_headers ul.tabs li.active a span { padding: 9px 10px 7px 0; background: url(img/active_tab_bg2.gif) no-repeat right top; line-height: 14px; display: block; }
   
.h_status {margin: 0px; padding: 5px;color: #999; background:#fff }
/*************************************************DOING***/
    .post_doing button.post_button { background: url(img/post_button.jpg); }
        
/*************************************************ENTRY***/
    .entry_list .title { border: 1px solid #CCC; border-right: none; border-left: none; background: #F7F7F7; }
        .entry .title { border: 1px solid #CCC; border-right: none; border-left: none; background: #F7F7F7;}

            .entry .article a img { border: 1px solid #CCC; }
            .entry .article a:hover img { border: 1px solid #C60; }
        .entry .status { border-bottom: 1px solid #CCC; color: #999; }


/*************************************************COMMENTS***/


.comments h2 { border-bottom: 1px solid #CCC; }
    .comments_list li { border-bottom: 1px solid #CCC; }
        .comments_list li .time { color: #999; font-size: 12px; }
        .comments_list .quote { border: 1px solid #CCC; background: #F7F7F7 none repeat scroll 0 0; }

/*************************************************THREAD***/
    .topic_list thead td { border-bottom: 1px solid #CCC; color: #333; }
.topic_list tbody tr td { border-bottom: 1px solid #CCC; }
    .topic_list tbody tr.alt td { background: #F7F7F7; }
    .space_list td { padding: 5px; color: #999; }
    .space_list thead td { background: #F7F7F7; color: #333; }
    .space_list tbody tr.alt td { background: #F7F7F7; }
.affiche { border: 1px solid #CCC; background: #F7F7F7; }

        .affiche #space_avatar img { border: 1px solid #CCC; background: #FFF; }

            .board .quote { border: 1px solid #CCC; background: #F7F7F7 none repeat scroll 0 0;}

/*************************************************TASK***/
.task_percent { border: 1px solid #CCC; }
    .task_percent .percent { background: #CCC; }

        .task_status_progress { border: 1px solid #E2EAED; background: #F7F7F7; }
    .space_task { border: 1px solid #CCC; background: #F7F7F7; }

/*************************************************ALBUM***/

.photobox { padding: 10px; border-bottom: 1px solid #CCC;}
    .photobox p { padding: 10px 0 0 0; text-align: left; }

        .album_i_m_g a img { border: 1px solid #CCC; border-top: none; border-left: none; background: #F8F2CB; }

#share_ul { border-bottom: 1px solid #CCC; }
    #share_ul .title { border-bottom: 1px solid #CCC; background: #F7F7F7; }
    .page * {border: 1px solid #CCC; background: #F7F7F7; color: #999; }
    .page em { border-color: #CCC color: #333; font-style: normal; }
    .page strong { background: #CCC; color: #333; }
    .page a { color: #666; }
    .page a:hover { background: #CCC; text-decoration: none; }
.submit { padding: 0 5px; height: 24px; border: none; background: #3B5998; color: #FFF; line-height: 20px; letter-spacing: 1px; cursor: pointer; }

/*************************************************CP SIDEBAR***/
.task_notice { background: #F7F7F7; }
  .sidebox h2.title { background: url(img/sidebar_title.gif) no-repeat; color: #333; }
  .sidebox h3.title { border-bottom: 1px solid #CCC; background: #F7F7F7; }

/*************************************************SPACE PAGE***/
  .ulist { border: 1px solid #CCC; background: #F7F7F7; }
    #ubar h2 { background: url(img/ubar_title.gif) no-repeat; color: #444; }

    #space_page .feed_header { background: url(img/c_title2.gif) no-repeat; }

#space_page .sidebox h2.title{ background-image: url(img/sidebar_title2.gif); }

.facebox { background: #FFF; z-index: 100000; }



#bottom { background:none}
#footer { border-top: 1px solid #CCC; color:#666}
#footer a{ color:#666}


.notice { border-bottom: 1px solid #CCC; background: #F7F7F7; }



.popupmenu_popup { border: 3px solid #CCCCCC; background: #F7F7F7; }

.popupmenu_centerbox { border: 8px solid #CCC; background: #F7F7F7; }
    .popupmenu_centerbox h1 { color: #3B5998; }

            .popupmenu_centerbox .popupmenu_inner .t_input, .popupmenu_centerbox .popupmenu_inner textarea{ border-color: #CCC; }
            .popupmenu_centerbox .float_del{ background-image: url(img/delete.gif); }


/*************************************************INDEX PAGE***/



.start { background: url(img/start.jpg) no-repeat; color: #333; }

.reg_button { background: url(img/regButton.gif) no-repeat; }

.login_box { background: url(img/login_bg.gif) repeat-y -250px 0; }
    .login_box h3 { background: url(img/login_bg.gif) no-repeat 0 0; color: #3B5998; }
    .login_form { background: url(img/login_bg.gif) no-repeat right bottom; }

#index_page .title { background: url(img/index_title.gif) no-repeat 0 0; color: #444; }

.albs { background: #F7F7F7; }
    .albs li { background: url(img/albs.gif) no-repeat; }


.searchfriend { background: #F7F7F7; }


    .searchfriend .t_input { border-color: #CCC; }
.showmessage { background: #F7F7F7; }


.sub_menu{ background: #F7F7F7; border-bottom:1px solid #CCC; }

    .sub_menu a.active{ background: #FFF; border:1px solid #CCC; border-bottom: none; }

.rec_event_list{ background: #F7F7F7; border: 1px solid #CCC;}
    .rec_event_list h2{ border-bottom: 1px solid #CCC; color: #444;}


    .event_list ol li{ border-bottom:1px solid #CCC; }


    .event_albs_p{ background: #f7f7f7; }

    .poll_status{ float: left; padding: 10px 0 0; width: 60px; }
        a.poll_joins{ background: url(img/joins_bg.gif) no-repeat 0 0; color: #3B5998; }


        a.go2_poll{ background: url(img/poll_button.jpg) no-repeat 0 0; }

.magic_img{ background: url(img/magic_image_bg.gif) 0 0; }
.magic_info .m_button{ background: url(img/m_button.gif); }
/*************************************************INDEX PAGE***/

.firbox { background: #F7F7F7 none repeat scroll 0 0; }

.task_notice2 { background: #F7F7F7; overflow: hidden; }

.integral { border-top: 1px solid #CCC; color: #666;}
.albs2 { background: #F7F7F7; }
    .albs2 li { background: url(img/albs.gif) no-repeat; }

  .borderbox { border: 1px solid #ECF1F3; }
.showflash{ background: #F7F7F7; border: 1px solid #CCC; }

.atitle{ background: #F7F7F7; }
#header{ margin-bottom:2px}
/*

YEEI.CN 出品，本模板免费发布
有问题请到此处留言http://www.yeei.cn/template/621.html
寻求商务合作伙伴.赞助商中。。。

*/

#header .logo a{ background:transparent url(img/logo.gif) no-repeat scroll left top; }


.susb .fuser{ background: #F7F7F7; }
.appmo{ background: #F7F7F7; }

/*************************************************APP SIDEBAR***/

  .app_list { margin: 0 10px 0 5px; padding: 5px 5px 0 5px; overflow: hidden; }
    .app_list li { position: relative; margin: 0 0 12px; width: 95px; height: 20px; line-height: 21px; overflow: hidden; }
      .app_list li img { margin: 0 5px 0 0; vertical-align: middle; }
      .app_list em { position: absolute; font-size: 12px; font-style: normal; font-weight: normal; right: 0px; }
	  
#mood_mystatus { padding: 0 0 0px 0;}
#mood_form { padding-top: 0px; width: 460px; height: 60px; clear: both;}
#mood_statusinput{ position: absolute; margin: 0 0 0 -4px; width: 390px; height: 60px; overflow: hidden; }
.statusinput,
.statusinput2{ background: url(img/statusinputbg.gif) no-repeat }
.statusinput{ background-position: 0 -0px; }
.statusinput2{ background-position: 0 0; }
#mood_statusinput textarea{ position: absolute; margin: 6px 0 0 15px; border:1px solid #ddd; padding: 3px; width: 360px; height: 38px; font-size: 14px; color: #999; outline: none; }
.statussubmit{ padding: 0 0 0 400px; width: 60px; height: 65px; overflow: hidden; z-index: 20003; }
.statussubmit .submit{ position: absolute; margin: 0; padding: 0; width: 60px; height: 60px; background: url(img/statusinputbg.gif) no-repeat 0 -65px; font-weight: bold; text-align: center; font-size: 14px; z-index: 20003; }

.timgbo{ float:left; width:450px;}
.u_setting { padding: 0px 0 10px 0; width: 150px;clear: both; overflow: hidden; }
  .u_setting li { float: left; padding-left: 5px; }
  
.findimg{ border:3px solid #fff; width:48px}

.cat { margin: 0 0 20px; padding: 0px 0 0; background: #fff none; }
  .cat h3 { padding: 5px 10px; background:#fff; color: #666; }
    .cat ul { padding: 0 0 10px;  background: #fff none; }
        .cat ul li { position: relative; padding: 5px 10px; }
        .cat ul li.current { background:#E7EDF1; }
        .cat .top { border-top: 1px solid #FFF; }
  .cat select{ width: 130px; }
.magic_list{ width: 740px; padding:10px 43px; overflow: hidden; background:#fff }
.c_form{background:#fff}

.article{ background:#fff}

  .feedtime { margin: 5px 0 5px; color: #666; }
.float_more{ float: right; margin: 0 10px 0 0; padding: 0; width: 16px; height: 16px; background: url(img/settingicon.gif) no-repeat; color: #DABAA9; line-height: 200px; overflow: hidden; display: block; }
  .float_more { position: absolute; margin: 5px 0 0 435px; background: url(img/feedmoreicon.gif) no-repeat 0 0; color: #DABAA9; }
/* statusWord */
.statusWord{display:block;overflow:hidden;zoom:1; margin-bottom:3px}
.statusWord:after{content:'\0020';display:block;clear:both;height:0;}
	.statusWord i{_display:inline;/* ie6 */display:table;/* ff2 */display:inline-block;/* ff3,webkit,ie7 */display:/*\**/table\9;/* ie8 */overflow:hidden;max-width:100%;background-image:url(img/statusWord.gif);background-position:0 0;background-repeat:no-repeat;font-style:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;zoom:1;}
	.statusWord i i{background-position:100% 0;}
	.statusWord i i i{background-position:0 100%;}
	.statusWord i i i i{max-width:none;padding:4px 9px 4px 16px;background-position:100% 100%;}
	
/**********************************************Vedio_img***/
.movie_none{display:none;position:relative}
.movie_app .movie_pic{width:128px;height:96px;}
* html .movie_pic{width: expression(this.width > 120 ? 120 : true);  display:block}

.media{display:block;POSITION: relative;zoom:1}
.movie_app{}
.movie_app img {margin-left:5px;margin-top:5px; max-width: 130px; max-height: 96px;}
* html .movie_app img { width: expression(this.width > 200 && this.width/this.height > 2 ? 200 : true); height: expression(this.height > 100 && this.width/this.height < 2 ? 200 : true); display:block}

.movie_app .movie_icon {
	width:21px;height:21px;BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: alpha(opacity=70); left: 55px; BORDER-TOP-STYLE: none! important; BOTTOM: 35px; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; POSITION: absolute; BORDER-BOTTOM-STYLE: none! important; opacity: 0.9
}